<template>
    <view class="container">
        <view class="topsearch flex-y-center">
            <view class="f1 flex-y-center">
                <image class="img" src="/static/img/search_ico.png"></image>
                <input :value="keyword" placeholder="搜索城市仓" placeholder-style="font-size:30rpx;color:#C2C2C2" @confirm="searchConfirm" @input="searchChange"></input>
            </view>
            <view class="search-btn" @tap="searchbtn">
                <text>搜索</text>
            </view>
        </view>
        <view class="flex" style="margin-top: 28rpx;">
            <view>当前城市仓：</view>
            <view class="user-warehouse-name">宁波市海曙仓</view>
        </view>

        <view>
            <view class="warehouse">
                <view class="warehouse-top">
                    <view class="flex warehouse-top-name">
                        <view>aaa</view>
                        <view class="flex warehouse-top-right">
                            <view class="">距离1.21千米</view>
                        </view>
                    </view>
                    <view class="flex">
                        <view class="warehouse-flex-left">
                            <view>天一广场自提点</view>
                            <view>浙江省宁波市海曙区XXX路XX号</view>
                        </view>
                        <view class="warehouse-flex-right">
                            <view>1133</view>
                            <view>222</view>
                        </view>
                    </view>
                </view>
                <view class="w100" style="margin: 18rpx 0;">
                    <u-line></u-line>
                </view>
                <view class="warehouse-bottom">
                    <view>【自提点公告】</view>
                    <view class="notice-info">
                        浙江省宁波市海曙区XXX路XX号内，导航为止精准，下午2点以后
                        提货，需要配送的也可以直接联系13888888888，加微信也可以，
                        进群的也加这个微信。
                    </view>
                </view>
            </view>
        </view>
        <loading v-if="loading"></loading>
        <dp-tabbar :opt="opt"></dp-tabbar>
        <popmsg ref="popmsg"></popmsg>
    </view>
</template>

<script>
    var app = getApp();
    export default {
      data() {
        return {
            opt:{},
            loading:false,
            isload: false,
        };
      },
      computed: {
      },

        onLoad: function (opt) {
            this.opt = app.getopts(opt);
        },
        onPullDownRefresh: function () {
        },
        methods: {
        }
    };
</script>

<style>
    @import "/main.css";
    .user-warehouse-name{
        color: rgba(8, 163, 70, 1);
    }
    .container{
        padding: 0 20rpx;
    }
    .warehouse{
        margin-top: 34rpx;
        border-radius: 20rpx;
        background-color: white;
        padding: 42rpx 24rpx;
    }
    .notice-info {
        margin-top: 8rpx;
    }
    .warehouse-top-name{
        margin-bottom: 24rpx;
    }
    .warehouse-top-right{
        margin-left: auto;
    }
    .warehouse-flex-left{
    }
    .warehouse-flex-right{
        margin-left: auto;
        display: flex;
    }

    .topsearch{
        width:100%;
        padding: 14rpx 14rpx;
        background-color: white;
        margin-top: 32rpx;
    }
    .topsearch .f1{
        height:60rpx;
        border:0;
        flex:1;
    }
    .topsearch .f1 .img{width: 32rpx;height: 32rpx;margin-left:10rpx}
    .topsearch .f1 input{height:100%;flex:1;padding:0 20rpx;font-size:30rpx;color:#333;}
    .topsearch .search-btn{
        display:flex;
        align-items:center;
        justify-content: center;
        text-align:center;
        font-size:30rpx;
        color:#fff;
        background-color:#08A346;
        width: 100rpx;
        height: 60rpx;
        line-height: 60rpx;
    }

    .search-navbar {display: flex;text-align: center;align-items:center;padding:5rpx 0}
    .search-navbar-item {flex: 1;height: 70rpx;line-height: 70rpx;position: relative;font-size:28rpx;font-weight:bold;color:#323232}

    .search-navbar-item .iconshangla{position: absolute;top:-4rpx;padding: 0 6rpx;font-size: 20rpx;color:#7D7D7D}
    .search-navbar-item .icondaoxu{position: absolute;top: 8rpx;padding: 0 6rpx;font-size: 20rpx;color:#7D7D7D}
    .search-navbar-item .iconshaixuan{margin-left:10rpx;font-size:22rpx;color:#7d7d7d}
    .search-history {padding: 24rpx 34rpx;}
    .search-history .search-history-title {color: #666;}
    .search-history .delete-search-history {float: right;padding: 15rpx 20rpx;margin-top: -15rpx;}
    .search-history-list {padding: 24rpx 0 0 0;}
    .search-history-list .search-history-item {
        display: inline-block;height: 50rpx;line-height: 50rpx;padding: 0 20rpx;margin: 0 10rpx 10rpx 0;background: #ddd;border-radius: 10rpx;font-size: 26rpx;
    }

</style>